<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="${_response_encoding}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/eventstyle.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/jquery-ui-1.8.13.custom.css'}">
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/jumping_man_finale2_little2.png'}">
        <script src="@{'/public/javascripts/jquery-1.6.4.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/datepicker.js'}" type="text/javascript" charset="utf-8"></script>
        <script src="@{'/public/javascripts/jquery-ui-1.8.13.custom.min.js'}" type="text/javascript" charset="utf-8"></script>
		<script src="@{'/public/javascripts/dialog.js'}" type="text/javascript" charset="utf-8"></script>
		<script src="@{'/public/javascripts/accordion.js'}" type="text/javascript" charset="utf-8"></script>
		#{get 'moreScripts' /}
    </head>
    <body data-dateformat="${play.configuration['date.format']}">
    	
   		<header>
   			<div id="headername">
   			#{if user}
   				${user.userName}
   				<a href="@{UserManager.logout()}" class="myButton">log out</a>
   			#{/if}
   			</div>
			<a href="@{Application.home()}">
				<div id="logo"></div>
				Make your own events and activities
			</a>
		</header>
		<div class="barheader"></div>
		#{doLayout /} 
    </body>
</html>
